<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>网页中输出Vue变量的值</title>
<!--引入Vue库-->
<script src="vue.js"></script>
</head>
<body>	
<!-- 定义唯一根元素div -->
<div id="app">
  <!--Vue模板绑定数据的方法，用两对花括号{{}}绑定Vue对象中的变量 -->
  <p>{{ message }}</p>

</div>
<script>
  //创建Vue的对象，并把数据绑定到上面创建好的div
  var vm=new Vue({              // 创建Vue对象。
      el: '#app',               // el属性：通过el与div元素绑定，#app是id选择器
      data: {                   // data属性: 是Vue对象中绑定的数据
          message: 'Hello Vue'  // message 自定义的变量
         }
      })
</script>
</body>
</html>
